.profile-change-frame {
    position: relative;
    width: 80%;
    height: 80%;
    margin: auto;
    padding: 2rem;
    top: 5%;
    border-radius:5%;
    box-shadow: rgb(173, 169, 169) 10px 10px;
}
.profile-change-frame .backBtn {
    position: absolute;
    top: 1rem;
    right: 1rem;
}
.profile-change-frame img {
    width: 2.5rem;
}
.saveBtn {
    position: absolute;
    right: -2rem;
    bottom: -2rem;
    background: rgb(161, 221, 100);
    padding: .8rem 1.3rem;
    border: none;
    border-radius: 8%;
    cursor: pointer;
}

.profile-change-frame__card {
    position: relative;
    width: 90%;
    height: 90%;
    top: 5%;
    margin: auto;
}

.profile-change-frame__card-item {
    padding-left: 1rem;
}
.inp {
    padding: .5rem 3rem .5rem 0;
    text-align: right;
}

.inputArea {
    position: relative;
    padding-right: 1rem;
}

#id_display_name,
#id_city,
#id_country,
#id_about {
    position: relative;
    width: 20rem;
    border-radius: .9rem;
    border: none;
    box-shadow: rgb(173, 169, 169) 2px 2px;
    background: rgb(247, 246, 244);
    padding: .3rem;
}

#id_about {
    height: 5rem;
    border-radius: 0 .9rem;
}

.profile-change-frame__card-item a {
    color: rgb(233, 71, 71);
}
